<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <th:block th:include="include :: header('登录')"/>
    <link rel="stylesheet" th:href="@{/static/admin/css/other/login.css}"/>
</head>
<!-- 代 码 结 构 -->
<body th:background="@{/static/admin/images/loginbg.jpg}">


<div class="loginBg">
    <form action="javascript:void(0);" class="layui-form">
        <div class="layui-form-item">
            <div class="title">
                <div class="titleTop" style="border-bottom: #efefef solid 1px; margin-bottom: 10px;">
                    <img style="height: 60px; float:left; width: 176px; margin-left: -10px;"
                         th:src="@{/static/admin/images/log_new.png}"/>
                    <div style="float: left; color: #127976; text-align: left; line-height: 20px; width: 57%; padding-top: 10px">
                        <p style="font-size: 16px;">国网阜新供电公司</p>
                        <p style="font-size: 6px;">State Grid Fuxin Power Supply Company</p>
                    </div>
                    <div class="clear"></div>
                </div>

                <p style="font-size: 18px">乡镇供电所管理提升月度评价 | 用户登录 </p>
            </div>
        </div>
        <div class="layui-form-item">
            <input class="layui-input" hover name="username" placeholder="请输入用户名" type="text" value=""/>
        </div>
        <div class="layui-form-item">
            <input class="layui-input" hover name="password" placeholder="请输入密码" type="password" value=""/>
        </div>
        <!--        <div class="layui-form-item">-->
        <!--            <input placeholder="验证码 : " name="captcha" hover class="code layui-input layui-input-inline"/>-->
        <!--            <img th:src="@{/captcha/captchaImage?type=char}" class="codeImage" id="captchaImage"/>-->
        <!--        </div>-->
        <!--<div class="layui-form-item">
            <input type="checkbox" name="remember-me" title="记住密码" lay-skin="primary">
        </div>-->
        <div class="layui-form-item">
            <button class="pear-btn pear-btn-success login" lay-filter="login" lay-submit>
                登 录
            </button>
            <div style="margin-top: 15px;">
                <div class="pear-btn" onclick="window.open(rootPath+'/restaurantRes/Chrome/Chrome_46.rar')"
                     style="width: 48%; float: left">32位浏览器下载
                </div>
                <div class="pear-btn " onclick="window.open(rootPath+'/restaurantRes/Chrome/Chrome_46.rar')"
                     style="width: 48%; float: right">64位浏览器下载
                </div>
                <div class="clearfix"></div>
            </div>

            <div style="margin-top: 15px;">
                <div class="pear-btn" onclick="window.open(rootPath+'/restaurantRes/czsc/操作手册.rar')"
                     style="width: 99%; float: left ;margin-top: 15px;">
                    系统操作手册下载
                </div>
            </div>
        </div>


    </form>
</div>
<th:block th:include="include :: footer"/>
<script>
    layui.use(['form', 'jquery', 'layer'], function () {
        var form = layui.form;
        var $ = layui.jquery;
        var layer = layui.layer;

        form.on('submit(login)', function (data) {
            // var loader = layer.load();
            $(".login").html("<i class='layui-icon layui-anim layui-anim-rotate layui-anim-loop layui-icon-loading' />");
            $.ajax({
                url: rootPath + '/admin/login',
                data: data.field,
                type: "post",
                dataType: 'json',
                success: function (result) {
                    // layer.close(loader);
                    if (result.code == 200) {
                        layer.msg(result.msg, {icon: 1, time: 1000}, function () {
                            location.href = rootPath + "/admin/index";
                        })
                    } else {
                        layer.msg(result.msg, {icon: 2, time: 1000}, function () {
                            document.getElementById("captchaImage").src = rootPath + "/captcha/captchaImage?type=char&s=" + Math.random();
                        });
                    }
                    $(".login").html("登 入")
                }
            });
            return false;
        });

        $("#captchaImage").click(function () {
            document.getElementById("captchaImage").src = rootPath + "/captcha/captchaImage?type=char&s=" + Math.random();
        })
        setInterval(function () {
            document.getElementById("captchaImage").src = rootPath + "/captcha/captchaImage?type=char&s=" + Math.random();
        }, 30000);

        validateKickout();

    })


</script>
<!-- Session 过期处理 -->
<script>
    if (window != top) {
        top.location.href = location.href;
    }

    function validateKickout() {
        if (getParam("kickout") == 1) {
            layer.alert("<font color='red'>您已在别处登录，请您修改密码或重新登录</font>", {
                    icon: 0,
                    title: "系统提示"
                },
                function (index) {
                    //关闭弹窗
                    layer.close(index);
                });
        } else if (getParam("sessionout") == 1) {
            layer.alert("<font color='red'>登录已过期，请重新登录</font>", {
                    icon: 0,
                    title: "系统提示"
                },
                function (index) {
                    //关闭弹窗
                    layer.close(index);
                });
        }
    }

    function getParam(paramName) {
        var reg = new RegExp("(^|&)" + paramName + "=([^&]*)(&|$)");
        var r = window.location.search.substr(1).match(reg);
        if (r != null) return decodeURI(r[2]);
        return null;
    }

</script>

</body>
</html>